<layout name='layout_page' />

<div class="row">
	<div class="col-lg-12">
		<div class="row">
			<div class="col-lg-12">
				<ol class="breadcrumb">
					<li><a href="<{:U('Index/index')}>">Home</a></li>
					<li class="active"><span>Chat</span></li>
				</ol>
				<h1>Chat</h1>
			</div>
		</div>

		<div class="row">
			<div class="col-lg-12">
				<div class="main-box-body clearfix">
					<div class="conversation-wrapper">
						<div class="conversation-content">
							<div class="conversation-inner">
								<volist name="list" id="vo">
								<div class="conversation-item <?php if($vo['type']==1){echo 'item-left ';}else{echo 'item-right';} ?> clearfix">
									<div class="conversation-user"> <img style="width: 50px; height: 50px;" src="<{$vo.fromFace|getface}>" /> </div>
									<div class="conversation-body">
										<div class="name"> <{$vo.fromName}></div>
										<div class="time hidden-xs"> <{$vo.createTime|date="F,d,Y H:i:s",###}></div>
										<div class="text"><{$vo.content}></div>
									</div>
								</div>
								</volist>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-12">
				<div class="page">
					<nav>
	  					<ul class="pagination"><{$page}></ul>
	  				</nav>
	  			</div>
			</div>
		</div>	
	</div>
</div>